<template>
    <div class="not-box">
       <div class="img-box">
         <img src="./../assets/images/not-found.png" alt="">
         <div class="not-btn-box">
            <router-link :to="'/'" tag="div" :class="'back-to-home'">
              返回首页
            </router-link>
         </div>
       </div>
    </div>
</template>
<script>
export default {
  data() {
    return {}
  }
}
</script>
<style lang="scss">
.not-box{
  width: 100%;
  height: 100%;
  position: fixed;
}
.img-box{
  width: 315px;
  height: 190px;
  position: absolute;
  left: 45%;
  margin-left: -156px;
  top: 45%;
  margin-top: -95px;
}
.not-btn-box{
  position: relative;
}
.back-to-home{
  width: 105px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background-color: #fc9153;
  color: #fff;
  transition: all .3s;
  cursor: pointer;
  position: absolute;
  top: -95px;
  right: -150px;
  &:hover{
    background-color: #fe7729;
  }
}
</style>
